<ng-container [matColumnDef]='column'>

    <th mat-header-cell style="text-align: center" *matHeaderCellDef
        mat-sort-header>
        DB Stats
    </th>
    <td mat-cell *matCellDef="let element" style="text-align: center; width:90px;">

        <div class="dbstats" [hepTooltip]="dbStats">
            <fa-icon icon="search-plus"></fa-icon>
            <ng-template #dbStats class="custom-tooltip">

                <div class="stat">
                    <p>Idle: </p>
                    <p class="num">{{element.item.db_stats.Idle}}</p>
                </div>
                <div class="stat">
                    <p>In Use: </p>
                    <p class="num">{{element.item.db_stats.InUse}}</p>
                </div>
                <div class="stat">
                    <p>Max Idle Closed: </p>
                    <p class="num">{{element.item.db_stats.MaxIdleClosed}}</p>
                </div>
                <div class="stat">
                    <p>Max Lifetime Closed: </p>
                    <p class="num">{{element.item.db_stats.MaxLifetimeClosed}}</p>
                </div>
                <div class="stat">
                    <p>Max Open Connections: </p>
                    <p class="num">{{element.item.db_stats.MaxOpenConnections}}</p>
                </div>
                <div class="stat">
                    <p>Wait Count: </p>
                    <p class="num">{{element.item.db_stats.WaitCount}}</p>
                </div>
                <div class="stat">
                    <p>Wait Duration: </p>
                    <p class="num">{{element.item.db_stats.WaitDuration}}</p>
                </div>

            </ng-template>
        </div>
    </td>
</ng-container>